.banner-container {
    width: 1200px; /* Ancho personalizable */
    height: 350
    px; /* Alto personalizable */
    max-width: 100%; /* Evita que el contenedor sea más ancho que su padre */
    position: relative; /* Para posicionar el enlace y la imagen */
    overflow: hidden; /* Evita desbordamiento */
}

.banner-link {
    display: block;
    width: 100%;
    height: 150%;
    position: absolute; /* Ocupa todo el contenedor */
    top: 0;
    left: 0;
}

.banner-image {
    width: 100%;
    height: 80%;
    object-fit: cover; /* Cubre el contenedor sin deformarse */
    object-position: center; /* Centra la imagen */
    display: block;
}